	// 提示弹框
	.popup-content {
		padding: 30rpx 46rpx;
		// box-shadow: ;
		text-align: center;

		.titles {
			font-size: 34rpx;
			font-weight: bold;
			color: #333333;
		}

		.content {
			padding: 46rpx 0;
			font-size: 28rpx;
			font-weight: 500;
			color: #666666;
		}

		.btn-box {
			height: 78rpx;
			font-size: 30rpx;
			color: #333;
			background: linear-gradient(-90deg, #fbd220, #ffe23e);
			border-radius: 44rpx;
			border: 0;
			line-height: 78rpx;
		}
	}
.box{
	// padding-bottom: 140rpx;
	min-height: 100vh;
	background-color: #F6F6F6;
	// 标题
	.title{
		width: 100%;
		background-color: #FBD220;
		padding: 25rpx 44rpx;
		height: 350rpx;
		font-size: 26rpx;
		
		.text{
			width: 530rpx;
		}
		.first{
			color: #666666;
			width: 18%;
			// border: 2rpx solid red;
			image{
				width: 50rpx;
				height: 50rpx;
			}
		}
	}
	.info-2{
		border-radius: 10rpx;
		background-color: #fff;
		padding: 0 24rpx;
		color: #333333;
		margin: 21rpx 20rpx;
	}
	.info{
		border-radius: 10rpx;
		background-color: #fff;
		padding: 0 24rpx;
		color: #333333;
		margin: 0 20rpx;
		
		.info-title{
			color: #999999;
			width: 25%;
		}
	}
	.info>view{
		line-height: 80rpx;
		border-bottom: 2rpx solid #EEEEEE;
	}
	.info-2>view{
		line-height: 80rpx;
	}

	// 服务记录
	.serve{
		border-radius: 10rpx;
		background-color: #fff;
		padding: 0 24rpx;
		color: #333333;
		margin: 0 20rpx;
		
		.serve-title{
			line-height: 80rpx;
			border-bottom: 2rpx solid #EEEEEE;
		}
		.serve-record{
			padding: 25rpx 0;
			border-bottom: 2rpx solid #EEEEEE;
		}
		.serve-record>view{
			line-height: 50rpx;
		}
	}
	
	.circular{
		width: 22rpx;
		height: 22rpx;
		border-radius: 50%;
		background-color: #FFE23E;
	}
	
	.footer{
		width: 100%;
		height: 98rpx;
		background: #FFFFFF;
		position: fixed;
		bottom: 0;
		
		.btn{
			margin-right: 24rpx;
			width: 200rpx;
			height: 68rpx;
			background: linear-gradient(-90deg, #FDD421, #FFE23E);
			border-radius: 34rpx;
		}
	}
}